<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv ="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>开始上课</title>
    <link rel="stylesheet" href="css/reset.css">
    <!--页面公共样式-->
    <link rel="stylesheet" href="css/common.css">
    <!--页面样式-->
    <link rel="stylesheet" href="css/page.css">
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

    <!--jquery必须放head，后续js需要使用-->
    <script src="js/jquery-1.12.4.min.js"></script>
    <!--页面js必须放head里，防止页面抖动-->
    <script src="js/common.js"></script>
    <script src="js/beginClass.js"></script>

</head>
<body>
    <div class="fullbg"></div>
    <div class="begin-class-page">

        <!--课堂预览-->
        <section class="class-pre-view">
            <div class="class-pre-view-title">
                <span class="class-pre-view-title-text">画面预览：</span>
                <span class="video-mode">画中画1</span>
            </div>
            <div class="pre-view-content">
                <img src="images/bac/beginClass_03.png" alt="">
            </div>
        </section>
        <section class="begin-class-top">
            <div class="exit-btn">
                <a href="javascript:window.history.back(-1);"><img src="images/icon/add-window-icon_02.png" alt=""></a>
            </div>
            <div class="begin-class-top-info">
                <img src="images/bac/beginClass_06.png" alt="">
                <div class="begin-top-info-content">
                      <h1>高考语文优秀作文讲解</h1>
                      <h4>2018/12/05 18:00开始</h4>
                </div>
            </div>
        </section>
        <section class="begin-class-main">
            <div class="class-intru">
                <div class="class-intru-title">直播详情</div>
                <div class="class-intru-content">200字符以内,1个中文字符等于2个字符，1个英文字符等于1个字符。文字色彩胃#333333，文字大小为18pt，行间距为28。200字符以内,1个中文字符等于2个字符，1个英文字符等于1个字符。文字色彩胃#333333，文字大小为18pt，行间距为28。</div>
            </div>
            <div class="class-invite">
                <div class="class-intru-title">
                    <div class="class-invite-title-content">直播邀请</div>
                    <ul>
                        <li class="active"><a href="javascript:void(0)">被邀请的教室</a></li>
                        <li><a href="javascript:void(0)">被邀请的用户</a></li>
                    </ul>
                </div>
                <div class="invited-content">
                    五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六班、五年级六五年级六班、五年级 ...
                </div>
                <div class="invited-content">
                    张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三、李四、张三...
                </div>
            </div>
        </section>

        <section class="begin-class-btn-group">
            <!--这里的链接后台将该页必要的信息作为参数传递到其他页面-->
            <a href="selectMovie.html">编辑课堂</a>
            <a href="startingvideo.html">开始上课</a>
        </section>
    </div>

</body>
</html>
